@charset "utf-8";
/* CSS Document */

body{
	background:#A7C21F url('background.png') repeat-x top left;
}

#container{
	position:absolute;
	margin:0 0;
	top: 0;
	left: 5%;
	width: 90%;
	max-width:820px;
	/**border:#000000 medium solid;*/
}

#userMenu{
	position:relative;
	text-align:right;
	color:#FFFFFF;
	right:0;
	/**border:#990000 medium solid;*/
}

#userMenu A{
	padding: 10px;
}

#userMenu A:link, #userMenu A:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#userMenu A:active, #userMenu A:hover{
	text-decoration:underline;
}

#mainBox{
	position:relative;
	top:0;
	left:0;
	padding-left:10px;
	background:transparent url('headingLeft.png') no-repeat top left;
	/**border:#006600 medium solid;*/
}

#mainBox .heading{
	position:relative;
	top:0;
	right:0;
	background:transparent url('headingRight.png') no-repeat top right;
	height:100%;
}

#menu{
	position:relative;
	float:right;
	top:30px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu ul li{
   position:relative;
   padding: 0 10px 0 0;
   float: left;
}

#menu ul li:hover{
   color:#FFFFFF;
   display:block;
}

#menu ul li a{
	position:relative;
	height:29px;
	text-decoration:none;
	color:#bbcb12;
	display:block;
	padding:0 0 0 8px;
	
}
#menu ul li a:active{
	color:#FFFFFF;
	background:transparent url('menuLeftHover.png') no-repeat top left;
	text-decoration:underline;
}

#menu ul li a:hover{
	color:#bbcb12;
	background:transparent url('menuLeftHover.png') no-repeat top left;
	text-decoration:none;
}

h1{
	position:relative;
	height:29px;
	font-size:13pt;
	padding:5px 8px 0 0;
}

a:active h1{
	background:transparent url('menuRightHover.png') no-repeat top right;
}

a:hover h1{
	background:transparent url('menuRightHover.png') no-repeat top right;
}

#content{
	position:relative;
	margin:0;

}


